@charset "UTF-8";
/* CSS Document */

/*
-----------------------------首页样式start-----------------------------
*/
.layui-layer-setwin .layui-layer-close2{
    right: -28px !important;
    top: -28px !important;
    z-index: 999999;
}
/*头部开始*/

.top {
    height: 80px;
    position: relative;
    background: #fff;
}

.top .logo {
    height: 50px;
    line-height: 50px;
    margin-top: 15px;
}

.top .logo img {
    display: block;
    height: 49px;
    line-height: 49px;
}

.picture {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.3);
    background: #fff;
    text-align: center;
}

.picture img {
    display: block;
    background: #fff;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}

/*头部结束*/

/*menu开始*/

.menu {
    position: relative;
    z-index: 5;
    margin-right: 27px;
    overflow: hidden;
}
.menu1{
    margin-right: -22px;
}
.menu dd {
    float: left;
    display: inline;
    position: relative;
}

.menu dd .yj {
    overflow: hidden;
    padding: 0 22px;
}

.menu dd .yj a {
    overflow: hidden;
    display: block;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 16px;
    padding: 0 5px;
    position: relative;
}

.menu dd .yj a:after {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background: #426cfe;
    left: 0;
    bottom: 0px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.menu dd .ej {
    position: absolute;
    left: 0px;
    top: 80px;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    display: none;
}

.menu dd .ej a {
    display: block;
    padding: 8px 5px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #666;
}

.menu dd .ej a:hover {
    color: #426cfe;
}

.menu dd.hover .yj a {
    color: #426cfe;
}

.menu dd.hover .yj a:after {
    width: 100%;
}

/*menu结束*/

/*indexBanner开始*/

.indexBanner {
    overflow: hidden;
    height: 400px;
    width: 100%;
    position: relative;
}

.indexBanner .myslide {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 400px;
}

.indexBanner .slick-dots {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
}

.indexBanner .slick-dots li {
    width: 14px;
    height: 14px;
    border-radius: 14px;
    border: 1px solid #fff;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}

.indexBanner .slick-dots li.slick-active {
    background: #fff;
}

.indexBanner .con1 {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -143px;
}

/*indexBanner结束*/

/*首页左侧开始*/

.subPage {
    overflow: hidden;
}

.subPageL {
    width: 885px;
    overflow: hidden;
    margin-right: 18px;
}

.subPageR {
    overflow: hidden;
}

/*第一通栏start*/

.column1L {
    overflow: hidden;
    padding: 20px;
}

.colPic {
    width: 120px;
    height: 120px;
    border-radius: 120px;
    margin-top: 6px;
    overflow: hidden;
    box-shadow: 0 1px 6px 2px rgba(0, 0, 0, 0.3);
    margin-right: 33px;
}
.colPic .pic{
    position: relative;
}
.colPic .pic:after{
	display:block;
	content:"";
	padding-top:100%;
}
.colPic img {
    display: block;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}

.col1Con {
    overflow: hidden;
}

.col1Con .title {
    height: 18px;
    line-height: 18px;
}

.col1Con .title .hello {
    font-size: 18px;
    color: #333;
    overflow: hidden;
}

.col1Con .title .hello span {
    color: #426cfe;
    font-weight: bold;
}

.col1Con .title .fr {
    height: 18px;
    font-size: 14px;
}

.col1Con .title .fr a {
    display: #666;
}

.col1Con .title .fr a:hove {
    color: #426cfe;
}

.col1Con .surpls {
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    background: url(../images/pic3.jpg) top left no-repeat;
}

.col1Con .used {
    padding-top: 6px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    margin-bottom: 7px;
}

.col1Con .used i {
    font-style: normal;
}

.curosBtn {
    overflow: hidden;
    margin-bottom: 2px;
}

.curosBtn dd {
    float: left;
    display: inline;
    height: 33px;
    line-height: 33px;
    margin-right: 26px;
    width: 109px;
    border-radius: 17px;
    text-align: center;
}

.curosBtn dd a {
    font-size: 14px;
    color: #fff;
}

.curosBtn dd:nth-child(1) {
    background: #426cfe;
}

.curosBtn dd:nth-child(2) {
    background: #1cbc9d;
}

/*第一通栏end*/

/*第二通栏开始*/

.column2 {
    overflow: hidden;
    padding: 5px 20px 20px;
}

.col2Title {
    height: 47px;
    line-height: 47px;
    border-bottom: 1px solid #e6e6e6;
}

.col2Title a {
    display: block;
    padding-left: 30px;
    background: url(../images/icn2.png) left center no-repeat;
    font-size: 18px;
    color: #333;
}
.todayCourse{
    width: 100%;
}

.todayCourse {
    overflow: hidden;
}

.todayCourse .titleName {
    font-size: 14px;
    color: #333;
    text-align: center;
}

.todayCourse .course {
    overflow: hidden;
    margin-right: -23px;
    height: 42px;
    line-height: 42px;
    background: #f5f5f5;
}

.todayCourse .courseTr {
    overflow: hidden;
    height: 57px;
    line-height: 57px;
    border-bottom: 1px solid #e6e6e6;
}

.todayCourse .courseTr .wghColor a{
    display: block;
	text-align: center;
	color: #426cfe;
}

.todayCourse .titleName.titleName2 {
    text-align: center;
}

.todayCourse .titleName .tool {
    display: inline-block;
}

.todayCourse .titleName .tool.t1 {
    width: 20px;
    height: 20px;
}
.todayCourse .titleName .tool.t1 img{
    display: block;
    width: 16px;
}
.todayCourse .titleName .tool.t2 {
    width: 20px;
    height: 20px;
    background: url(../images/icn3.png) center center no-repeat;
}

.todayCourse .titleName .tool.t2 a {
    display: block;
    height: 100%;
}

.todayCourse .titleName.titleName3 a {
    display: block;
    color: #426cfe;
}

.todayCourse .dd1 .titleName4 {
    color: #426cfe;
}

.todayCourse .dd2 .titleName4 {
    color: #00d628;
}

.todayCourse .dd3 .titleName4 {
    color: #ef0027;
}

.todayCourse .dd4 .titleName4 {
    color: #999;
}

.todayCourse .dd1 .titleName5 a {
    display: block;
    color: #999;
}

.todayCourse .dd4 .titleName5 a {
    display: block;
    padding: 14px 0;

}

.todayCourse .dd4 .titleName5 a span {
    display: block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    background: #426cfe;
    border-radius: 14px;
    color: #fff;
}

/*弹窗*/

.subPopBox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 999999;
    display: none;
}

.subPopCont {
    width: 540px;
    height: 255px;
    border: 10px solid #fff;
    border-radius: 3px;
    background: #fff;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -270px;
    margin-top: -150px;
}
.orderBox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0px;
    top: 0px;
    z-index: 999999;
    display: none;
}
.subPopCont1 {
    width: 400px;
    height: 350px;
    border: 10px solid #fff;
    border-radius: 3px;
    background: #fff;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -175px;
}
.subBtnDl dd{
    float: left;
    display: inline;
   width: 140px;
    height: 45px;
    line-height: 45px;
    background: #e6e6e6;
    margin: 0 10px;
    border-radius: 3px;
    text-align: center;
}

.subBtnDl dd a {
    display: block;
    color: #fff;
    font-size: 16px;
}

.subBtnDl dd:nth-child(1) {
    background: #426cfe;
}
.subCon {
    overflow: hidden;
    padding: 40px 30px;
}
.wghCon div{
	line-height:32px;
	font-size:14px;
	color:#333;
	padding:5px 0;
}
.subTitle {
    height: 40px;
    font-size: 20px;
    text-align: center;
    color: #426cfe;
    overflow: hidden;
}

.changeToll {
    height: 30px;
    line-height: 30px;
}

.changeToll dt,
.changeToll dd {
    float: left;
    display: inline;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #999;
}

.changeToll dt {
    margin-right: 25px;
}

.changeToll dd {
    padding-left: 25px;
    background: url(../images/tool1.png) left center no-repeat;
    margin-right: 24px;
    cursor: pointer;
}

.changeToll dd.hover {
    padding-left: 25px;
    cursor: pointer;
    background: url(../images/tool2.png) left center no-repeat;
}

.changeToll dd .changeQq {
    padding-left: 30px;
    cursor: pointer;
    background: url(../images/qq.png) left center no-repeat;
}

.changeToll dd .changeWx {
    padding-left: 30px;
    cursor: pointer;
    background: url(../images/wx.png) left center no-repeat;
}
.changeToll dd .changeTm {
    padding-left: 30px;
    cursor: pointer;
    background: url(../images/tm.png) left center no-repeat;
}

.changeToll dd .changeSk {
    padding-left: 30px;
    cursor: pointer;
    background: url(../images/sky.png) left center no-repeat;
}

.warn {
    font-size: 14px;
    color: #ed6a74;
    overflow: hidden;
}

.subBtn {
    overflow: hidden;
    text-align: center;
}
.subBtn.subBtnLine{
	padding-top: 20px;
	border-top: 1px solid #e6e6e6;
}
.subBtn dd {
    display: inline-block;
    width: 140px;
    height: 45px;
    line-height: 45px;
    background: #e6e6e6;
    margin: 0 10px;
    border-radius: 3px;
}

.subBtn dd a {
    display: block;
    color: #fff;
    font-size: 16px;
}

.subBtn dd:nth-child(1) {
    background: #426cfe;
}

/*右边内容开始*/

.column1R {
    padding: 5px 20px 20px;
    overflow: hidden;
}

.column1R .col2Title a {
    padding-left: 0px;
    background: transparent;
}

.lxBox {
    overflow: hidden;
    height: 34px;
    line-height: 34px;
}

.lxBox .lxTitle {
    font-size: 14px;
    color: #666;
    margin-right: 5px;
}

.lxBox .wayLx {
    overflow: hidden;
    font-size: 14px;
    color: #333;
}

.lxBox .wayLx a {
    display: block;
    width: 108px;
    height: 34px;
    background: #426cfe;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 15px;
}

/*右边二通栏开始*/

.column2R {
    padding: 5px 20px 8px;
}

.column2R .col2Title a {
    background: url(../images/icn4.png) left center no-repeat;
}

.col2Dl {
    padding-top: 6px;
}

.col2Dl dd {
    height: 50px;
    line-height: 50px;
}

.col2Dl dd a {
    display: block;
    font-size: 14px;
    color: #333;
}

/*底部开始*/

.footer {
    overflow: hidden;
}

.footerBox1 {
    width: 100%;
    background: #373b3f;
    padding:36px 0;
	overflow: hidden;
}

.footerBox2 {
    width: 100%;
    background: #323437;
    height: 50px;
    line-height: 50px;
    color: #999999;
    font-size: 12px;
}

.footerBox2 a {
    color: #999999;
    font-size: 12px;
}

.footerBox2 a:hover {
    color: #fff;
}

.footerMenu {
    overflow: hidden;
}

.footerMenu dd {
    float: left;
    display: inline;
    margin-right: 70px;
}

.footerMenu dd em {
    font-style: normal;
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
}

.footerMenu dd em a {
    font-size: 14px;
    color: #e5e5e5;
}

.footerMenu dd em a:hover {
    color: #f00;
}

.footerMenu dd span {
    font-style: normal;
    display: block;
    line-height: 20px;
    overflow: hidden;
}

.footerMenu dd span a {
    font-size: 12px;
    color: #999999;
    display: block;
    text-align: center;
    height: 35px;
    line-height: 35px;
}

.footerMenu dd span a:hover {
    color: #fff;
}

.ewmImg {
    overflow: hidden;
    padding: 0 100px;
    margin-left: 40px;
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
}

.ewmImg .ewmpic {
    text-align: center;
    width: 132px;
    margin-right: 33px;
}

.ewmImg .ewmpic span {
    color: #999999;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    display: block;
}

.ewmImg .ewmpic .pic {
    padding: 5px;
    background: rgba(255, 254, 254, 0.22);
    width: 122px;
    height: 120px;
}

.ewmImg .ewmpic .pic img {
    width: 120px;
    height: 120px;
}

.ewmImg .ewmpic2 {
    overflow: hidden;
}

.footershare {
    line-height: 40px;
}

.footershare span {
    color: #666666;
    font-size: 14px;
}

.footershare .bdsharebuttonbox a {
    padding: 0 !important;
    margin: 0 10px 0 0 !important;
    width: 40px !important;
    height: 40px !important;
}

.footershare .bdsharebuttonbox {
	width:100%;
    display: inline-block;
    vertical-align: middle;
}

.footershare .bds_weixin,
.footershare .bds_tsina,
.footershare .bds_sqq {
    width: 40px !important;
    height: 40px !important;
}

.footershare .bds_weixin {
    background: url(../images/share1.png) no-repeat !important;
}

.footershare .bds_sqq {
    background: url(../images/share3.png) no-repeat !important;
}

.footershare .bds_tsina {
    background: url(../images/share2.png) no-repeat !important;
}

.ftrphone {
    overflow: hidden;
}

.ftrphone .phone em {
    display: block;
}

.ftrphone .phone .tetx i {
    color: #cccccc;
    font-size: 20px;
    font-style: normal;
    display: block;
    overflow: hidden;
    padding-left: 15px;
}

.ftrphone .phone .tetx span {
    color: #999999;
    font-size: 12px;
    padding-left: 15px;
}

.footershare span {
    display: block;
    color: #999999;
    font-size: 14px;
}

/*底部结束*/

/*
-----------------------------首页样式end-----------------------------
*/

/*
-----------------------------频道页start-----------------------------
*/

/*
-----------------------------频道页end-----------------------------
*/

/*subBanner开始*/

.subBanner {
    width: 100%;
    height: 250px;
    background-position: left top;
    background-repeat: no-repeat;
    overflow: hidden;
}

.tsubBanner{
    width: 100%;
    height:85px;
    background: #fff;
}
.tsubBanner a{
    display: block;
    height: 85px;
    background-position: left top;
    background-repeat: no-repeat;
    overflow: hidden;
}
/*内页框架开始*/

.subPage {
    overflow: hidden;
}

.subPageLeft {
    width: 210px;
    overflow: hidden;
    margin-right: 20px;
}

.subPageRight {
    overflow: hidden;
    padding: 14px 20px 0;
}
.pd30{ padding: 30px;}
.minH600 {
    min-height: 600px;
    height: auto !important;
    height: 600px;
}
.minH750 {
    min-height: 750px;
    height: auto !important;
    height: 750px;
}
.leftTitle{
    height: 68px;
    line-height: 68px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background: url(../images/locaBg.png) center center no-repeat;
}
.leftTitle a{
    display: block;
    color: #fff;
}
.leftDl dd{
    height: 50px;
    line-height:50px;
    font-size: 16px;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #f5f5f5;
}
.leftDl dd:last-child{
    border-style: none;
}
.leftDl dd a{
    color: #333;
}
.leftDl dd:hover a{
    color: #426cfe;
}
.leftDl dd.hover a{
    color: #426cfe;
}
/*内页外结构结束*/

/*当前位置开始*/
.locationTitle{
    height: 48px;
    line-height: 48px;
    padding-left: 13px;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
}
.locationTitle:after{
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: 18px;
    top: 15px;
    left: 0;
    background: #426cfe;
}
.locationTitle a{
    display: block;
    font-size: 18px;
    color: #333;
}


/*老师的当前位置*/
.tLocation{
    height: 77px;
    line-height: 77px;
    padding-left: 13px;
    position: relative;
    font-size: 24px;
    color: #333;
}
.tLocation:after{
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: 18px;
    top: 29px;
    left: 0;
    background: #426cfe;
}
/*当前位置结束*/

/*页码开始*/

.page {
    padding: 30px 0;
    text-align: center;
    clear: both;
    font-size: 14px;
}

.page a {
    display: inline-block;
    overflow: hidden;
    padding: 6px 12px;
    color: #999999;
    border-radius: 3px;
    background: #fff;
    margin: 0 3px;
}

.page span {
    display: inline-block;
    padding: 6px 2px;
    position: relative;
    top: -15px;
}

.page a:hover {
    background: #426cfe;
    color: #fff;
}

.page a.hover {
    background: #426cfe;
    color: #fff;
}

.page input {
    display: inline-block;
    vertical-align: middle;
    height: 22px;
    border: 1px solid #e6e6e6;
    position: relative;
    top: -2px;
}

.page input.pageDetail {
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 3px;
    color: #999999;
    position: relative;
    top: -13px;
}

.page label {
    color: #999999;
    position: relative;
    top: -11px;
}

.page input.page_bnt {
    border: none;
    width: 30px;
    height: 25px;
    cursor: pointer;
    background: none;
    color: #999999;
    position: relative;
    top: -13px;
}

.page a div {
    width: 11px;
    height: 19px;
    background-position: center center;
    background-repeat: no-repeat;
}

.page a.firstPage div {
    background-image: url(../images/page/firstPage.png)
}

.page a.prevPage div {
    background-image: url(../images/page/prevPage.png)
}

.page a.nextPage div {
    background-image: url(../images/page/nextPage.png)
}

.page a.lastPage div {
    background-image: url(../images/page/lastPage.png)
}

.page a.firstPage:hover div {
    background-image: url(../images/page/firstPageh.png)
}

.page a.prevPage:hover div {
    background-image: url(../images/page/prevPageh.png)
}

.page a.nextPage:hover div {
    background-image: url(../images/page/nextPageh.png)
}

.page a.lastPage:hover div {
    background-image: url(../images/page/lastPageh.png)
}

.page a.firstPage.disabled {
    background: #E2E2E2;
}

.page a.prevPage.disabled {
    background: #E2E2E2;
}

.page a.nextPage.disabled {
    background: #E2E2E2;
}

.page a.lastPage.disabled {
    background: #E2E2E2;
}

.page a.firstPage.disabled div {
    background-image: url(../images/page/firstPage.png)
}

.page a.prevPage.disabled div {
    background-image: url(../images/page/prevPage.png)
}

.page a.nextPage.disabled div {
    background-image: url(../images/page/nextPage.png)
}

.page a.lastPage.disabled div {
    background-image: url(../images/page/lastPage.png)
}
.top3 {
    overflow: hidden;
    height: 80px;
    line-height: 80px;
    background: #fff;
}

.top3 .logo {
    height: 49px;
    line-height: 40px;
    padding-top: 15px;
}

.top3 .logo img {
    display: block;
    height: 49px;
    line-height: 49px;
}

.logoBtn {
    padding-top: 25px;
}

.logoBtn a {
    display: block;
    width: 78px;
    height: 30px;
    border-radius: 3px;
    text-align: center;
    line-height: 30px;
    background: #426cfe;
    color: #fff;
}

.indexColumn2 {
    width: 100%;
    
}

.indexColumn2Scroll {
    position: relative;
}

.indexColumn2Scroll .bd {
    overflow: hidden;
    padding: 5px 0;
}

.indexColumn2Scroll .slick-list {
    overflow: visible;
    margin-right: -30px;
}

.indexColumn2Scroll .myslide {
    width: 33.3333%;
    height: 340px;
    float: left;
    display: inline;
}

.indexColumn2Scroll .con {
    padding-right: 30px;
    text-align: center;
}

.indexColumn2Scroll .con .pic {
    height: 225px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.indexColumn2Scroll .con .tetx {
    background: #fff;
    height: 75px;
    line-height: 25px;
    color: #666666;
    font-size: 14px;
    overflow: hidden;
    padding: 20px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    text-align: left;
}

.indexColumn2Scroll .con .pic1 {
    background: url(../images/picbg2.png) no-repeat center center;
}

.indexColumn2Scroll .con .pic2 {
    background: url(../images/picbg3.png) no-repeat center center;
}

.indexColumn2Scroll .con .pic3 {
    background: url(../images/picbg4.png) no-repeat center center;
}

.indexColumn2Scroll .con .pic .icn {
    width: 100px;
    height: 100px;
    border: 1px solid #fff;
    margin: 0 auto;
    border-radius: 100%;
    text-align: center;
    margin-bottom: 33px;
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
}
.indexColumn2Scroll .con .pic .icn img{
    display: inline !important;
}
.indexColumn2Scroll .con .pic:hover .icn {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

.column2Scroll .con .pic .icn img {
    display: inline-block;
}

.indexColumn2Scroll .con .pic span {
    color: #ffffff;
    font-size: 20px;
}

.indexColumn2Scroll .prev {
    display: block;
    width: 30px;
    height: 40px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.6) url(../images/prev2.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
    z-index: 1;
    display: none;
}

.indexColumn2Scroll .next {
    display: block;
    width: 30px;
    height: 40px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.6) url(../images/next2.png) no-repeat center center;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -20px;
    z-index: 1;
    display: none;
}

.indexColumn2Scroll .prev:hover,
.indexColumn2Scroll .next:hover {
    background-color: #cd291f;
}
.indexBanner.indexBanner1 .slick-dots li {
    width: 20px;
    height: 8px;
    border-radius: 8px;
    /*   border: 1px solid #fff;*/
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
    background: #fff;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
}

.indexBanner .slick-dots li.slick-active {
    background: #fff;
}

.indexBanner.indexBanner1 .slick-dots li.slick-active {
    width: 30px;
    background: #426cfe;
    border-color: #426cfe;
}


/*页码结束*/

/*内页框架结束*/